/*
 * @Author: 袁文帅
 * @Date: 2021-02-22 18:08:48
 * @LastEditTime: 2021-02-22 18:40:29
 * @LastEditors: last update your name
 * @人生亦有命，安能行叹复坐愁
 */
import React, { Component } from 'react'

export default class com extends Component {
    constructor(props){
        super(props)
        this.state={
            count:props.number
        }
    }
    // 新生命周期 存在于render  和 componentDidUpdate 之间
    // 本身没有this  是一个静态的生命周期
    static getDerivedStateFromProps(nextProps,preProps){
        // 写一个结束条件 否则会一直触发生命周期
        if(nextProps.number!==preProps.count){
            // 返回值就是state状态
            return {
                count:nextProps.number
            }
        }

        return null
    }
    // 第二个新的生命周期  需要配合componentDidUpdate共同使用
    // 返回值体现在componentDidUpdate第三个参数
    getSnapshotBeforeUpdate(){
        return 'getSnapshotBeforeUpdate'
    }
    componentDidUpdate(prevProps,PrevState,params){
        console.log(prevProps,PrevState,params)
    }
    render() {
        return (
            <div>
                {
                    this.state.count
                }
            </div>
        )
    }
}
